<template>
  <div class="map-wrapper">
    <div id="base-map"></div>
  </div>
</template>

<script setup lang="ts">
import { ctx } from "../../ctx";
onMounted(async () => {
  await ctx.initMap();
});
</script>

<style scoped>
.map-wrapper {
  height: 100vh;
  max-height: 100vh;
  overflow-y: hidden;
}

#map {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>
